@import '~antd/lib/style/themes/default.less';

.header {
    height: 80px;
    background-color: @layout-header-background;
    color: @text-color;
    .header-top {
        padding-right: 20px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid rgb(30, 144, 255);
        text-align: right;
    }
    
    .header-bottom {
        display: flex;
        height: 40px;
        line-height: 40px;

        .header-bottom-left {
            // background-color: #f0f;
            width: 50%;
            padding-left: 20px;
            position: relative;
        
            &::after {
                position: absolute;
                transform: translateX(100%);
                transform: translateY(80%);
                left: 30px;
                content: '';
                // top: 20px;
                border-top: 20px solid @layout-header-background;
                border-right: 20px solid transparent;
                border-bottom: 20px solid transparent;
                border-left: 20px solid transparent;
            }
        }
        
        .header-bottom-right {
            // background-color: #00f;
            width: 50%;
            text-align: right;
            padding-right: 20px;

            img {
                margin: 0 10px;
                width: 28px;
            }
        }
    }
    
    
}


